// 颜色常量
@color-black: #333;
@color-red: #ff494e;
@color-blue: #00a0e9;
@color-blue-56: #56d6ff;
@color-green: #3ccf8a;
@color-green-light: #98e2bf;
@color-grey: #ccc;
@color-grey-9: #999;
@color-grey-6: #666;
@color-bg: #e9ecf3;
@color-title-bg: #f0f0f0;
@color-box-bg: #f0f0f0;
@color-line: #e5e4e9;
@color-yellow: #f7d848;
@color-orange: #fa885d;
@color-leftmenu-bg: #2f4050;
@color-leftmenu-unactive: #a0aabb;
@color-light-blue: #f5f6fa;
@scale: 1; // 缩放比例
@btn-margin-left: 15px;
@btn-height: 35px;
@btn-width: 115px;
@btn-font-size: 14px;
@input-normal-height: 35px;
@normal-margin: 15px;
@normal-height: 34px;
@normal-font-size: 14px;


* {
  font-family: arial;
}
.color-grey-9 {
  color: #999;
}
.color-grey-6 {
  color: #666;
}

.break-word {
  word-wrap: break-word;
  word-break: break-all;
}


//一行显示显示不下, 显示... 
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}


// 最多显示 @line 行, 显示不下显示...
.text-overflow-muli(@line) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @line;
}

// 阴影
.box-shadow(@x: 0;
@y: 0;
@blur: 1px;
@color: #000) {
  -webkit-box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  box-shadow: @arguments;
}

// 圆角
.border-radius(@radius) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}

.opacity(@val) {
  -webkit-opacity: @val;
  -moz-opacity: @val;
  -khtml-opacity: @val;
  opacity: @val;
}

// 盒模型
.box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.wrap-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}
//消除浮动
.clearfix:after {
  content: '020';
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix {
  /*触发haslayout*/
  zoom: 1;
}
